<template>
  <div>这是分类页</div>
  <button @click="handleClick(234444)">跳转到购物车页面</button>
</template>

<script>
export default {
  methods: {
    // 当需要有导航高亮的时候，使用router-link更加方便
    // 当跳转需要处理逻辑的时候，只能使用编程时导航
    handleClick(id) {
      // 编程时导航(通过js代码进行的页面跳转)

      // this.$router表示路由实例
      // console.log(this.$router);

      // push方法用于页面跳转，跳转的页面会追加到历史记录中，可以后退的
      this.$router.push("/cart");
      // this.$router.push({ path: "/cart" });
      // this.$router.push({ name: "cart" });

      // replace方法用于页面跳转，跳转的页面不会追加到历史记录中，后退的时候会跳过跳转之前的页面
      // this.$router.replace("/cart");

      // go方法里面写整数，表示前进或者后退
      // this.$router.go(-1);

      // this.$router.push("/detail/" + id);
    },
  },
};
</script>
